<!-- 博客评论 -->
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>焦点学苑</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/style.css">
    <script src="/js/jquery-1.8.3.js"></script>
</head>
<script>
    function changeto (url) {
        window.location.href = url;
    }
</script>

<body>
    <div class="head-box">
        <div class="head wrap">
            <div class="logo fl"><a href=""><img src="/images/logo.png"></a></div>
            <div class="head-right fr">
                <div class="head-a fr">
                    <div class="head-a1 fl"><a href=""><img src="/images/tb-a.png"></a></div>
                    <div class="head-a1 fl"><a href=""><img src="/images/tb-b.png"></a></div>
                    <span th:unless="${not #strings.isEmpty(session.u?.getUid())}">
                        <div class="head-a3 login-click fl"><a href="#">登录</a></div>
                        <div class="head-a4 fl"><a href="/register.html" target="blank">注册</a></div>
                    </span>
                    <span th:if="${not #strings.isEmpty(session.u?.getUid())}">
                        <select name="" id="" class="head-a3" onchange="changeto($(this).val())">
                            <option value="" checked>我的</option>
                            <option value="/article-add.html"><a href="/blog/user/add.to"> 发表文章</a></option>
                            <option value="/ainArticleList"><a>我的作品</a></option>
                            <option value="/userConcernList"><a>我的收藏</a></option>
                        </select>
                        <a href="/logout">
                            <div class="head-a4 reg-click fl">注销</div>
                        </a>
                    </span>

                </div>
                <div class="clearfix"></div>
                <div class="nav fr">
                    <ul>
                        <li class="nav-cut"><a href="/">首页</a></li>
                        <li><a href="/blog/user/article.to">文章</a>
                            <!-- <div class="sub-nav">
                                <div class="bich-top"></div>
                                <div class="bich">
                                    <a href="">服饰</a>
                                    <a href="">美食</a>
                                    <a href="">出行</a>
                                    <a href="">约会</a>
                                </div>

                            </div> -->
                        </li>
                        <li><a href="/course/courseList">课程</a></li>
                        <li><a href="#">活动</a></li>
                        <li><a href="#">联系我们</a></li>

                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="wrap">
            <div class="tsm-height"></div>
            <div class="post">
                <div class="post-fl fl">
                    <div class="post-a1">[[${articleList.title}]]</div>
                    <div class="post-a2">焦点学苑<span>2015-11-02</span>
                        <div class="col-c">
                            <span><img src="/images/col-c1.jpg">0</span>
                            <span><img src="/images/col-c2.jpg">3</span>
                            <em><img src="/images/col-c3.jpg"></em>
                            <em><img src="/images/col-c4.jpg"></em>
                            <em><img src="/images/col-c5.jpg"></em>
                        </div>
                    </div>
                    <div class="post-a4"><img th:src="|/img/${articleList.artimg}|"></div>
                    <div class="post-b">
                        <p>早上好啊，起床后我就在想，圣诞了年底了，大家还有什么未了心愿、想看的文章，都可以留言哦反正也不会实现：）</p>
                        <p>恐怕王石的圣诞节不能愉快地过了，太糟心：</p>
                        <p>@新浪财经：【安邦再度增持万科
                            站队方向将决定谁是胜者】根据港交所最新披露的信息，宝能系旗下的钜盛华于15日再增持万科A股1.184亿股，此次增持后，宝能在万科的持股比例上升至23.52%。同时，安邦也于17日增持万科A股股份10535万股，安邦倒向任何一边都将决定这场争夺战的胜方是谁。
                        </p>
                        <p>
                            @蓝鲸财经记者工作平台：【万科A独立董事海闻辞职】万科A22日晚间公告称，公司董事会于近日收到独立董事海闻的辞职信，海闻表示因个人原因，无法继续担任公司独立董事，特申请辞去公司独立董事一职。同时海闻确认，其与公司董事会并无不同意见，亦无任何其他事项需要知会公司股东及债权人。
                        </p>
                    </div>
                    <div class="post-a5"><img th:src="|/img/${articleList.artimg}|"></div>
                    <div class="post-b">
                        <p>早上好啊，起床后我就在想，圣诞了年底了，大家还有什么未了心愿、想看的文章，都可以留言哦反正也不会实现：）</p>
                        <p>恐怕王石的圣诞节不能愉快地过了，太糟心：</p>
                        <p>@新浪财经：【安邦再度增持万科
                            站队方向将决定谁是胜者】根据港交所最新披露的信息，宝能系旗下的钜盛华于15日再增持万科A股1.184亿股，此次增持后，宝能在万科的持股比例上升至23.52%。同时，安邦也于17日增持万科A股股份10535万股，安邦倒向任何一边都将决定这场争夺战的胜方是谁。
                        </p>
                        <p>
                            @蓝鲸财经记者工作平台：【万科A独立董事海闻辞职】万科A22日晚间公告称，公司董事会于近日收到独立董事海闻的辞职信，海闻表示因个人原因，无法继续担任公司独立董事，特申请辞去公司独立董事一职。同时海闻确认，其与公司董事会并无不同意见，亦无任何其他事项需要知会公司股东及债权人。
                        </p>
                    </div>
                    -
                    <form action="/blog/user/ucomment" method="post">
                        <div class="det-b">
                            <div class="det-title"><img src="/images/cou-b1.jpg">在线评论</div>
                            <div class="det-b1">
                                <input type="hidden" value="1" name="userid">
                                <input type="hidden" th:value="${articleList.aid}" name="aid">
                                <input class="det-area post-area" type="text" name="content">
                                <div class="det-b2"><a href="/">登录</a></div>
                            </div>
                            <div class="det-b3"><input id="goumai" type="button" class="det-btn" value="发表"></div>
                        </div>
                    </form>
                    <div class="skt">
                        <div class="skt-title">
                            <span class="skt-cut">默认评论</span><em>|</em><span>最新评论</span>
                        </div>
                        <div class="skt-tab">
                            <div class="skt-btm">
                                <ul class="skt-ul">
                                    <li th:each="cl:${cList}">
                                        <div class="skt-a1"><a href="" th:text="${cl.createdate}"><img
                                                    src="/upload/det-tx.jpg"></a>
                                            <div class="menu"><a href=""><img src="/images/menu.jpg"></a></div>
                                        </div>
                                        <div class="skt-a3"><span style="color: red" th:data-a="${cl.userid}"
                                                class=".add" onclick="adds(this)" th:text="${cl.content}"></span>
                                            <div class="menu-a"><img src="/images/menu-a1.jpg">
                                                <span><img src="/images/menu-a2.jpg">0</span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="skt-more"><a href="">查看更多</a></div>
                            </div>

                            <div class="skt-btm hide">
                                222
                            </div>
                        </div>
                    </div>
                </div>
                <!--post-fl-->
                <div class="post-fr fr">
                    <div class="art-a"><a href=""><img src="/upload/art-a.jpg"></a></div>
                    <div class="post-t"><a href=""><img src="/upload/post-a3.jpg"></a></div>
                    <div class="post-y">
                        <div class="post-y1"><img src="/images/cou-b1.jpg">推荐帖子</div>
                        <ul>
                            <a href="">
                                <li>
                                    <div class="post-y2"><img src="/upload/post-a4.png"></div>
                                    <div class="post-y3">追妹子，你准备好了吗？</div>

                                </li>
                            </a>

                            <a href="">
                                <li>
                                    <div class="post-y2"><img src="/upload/post-a4.png"></div>
                                    <div class="post-y3">追妹子，你准备好了吗？</div>

                                </li>
                            </a>

                            <a href="">
                                <li>
                                    <div class="post-y2"><img src="/upload/post-a4.png"></div>
                                    <div class="post-y3">追妹子，你准备好了吗？</div>

                                </li>
                            </a>

                            <a href="">
                                <li>
                                    <div class="post-y2"><img src="/upload/post-a4.png"></div>
                                    <div class="post-y3">追妹子，你准备好了吗？</div>

                                </li>
                            </a>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="wrap">
            <div class="foot">
                <div class="foot-left fl">
                    <a href="">关于我们</a>
                    <a href="">加入我们</a>
                    <a href="contact.html">联系我们</a>
                    <a href="">媒体采访</a>
                </div>
                <div class="foot-c fl"><a href=""><img src="/images/foot-logo.jpg"></a></div>
                <div class="foot-right fr">
                    <a href="">同城活动</a>
                    <a href="">课程资讯</a>
                    <a href="">最新发布</a>
                    <a href="">热门文章</a>
                </div>
            </div>
            <div class="foot-btm">网页制作by云邦</div>
        </div>
    </div>


    <!--登录注册弹窗-->
    <div class="mask"></div>
    <div class="login">
        <div class="login-title">
            <div class="login-a">登录</div>
            <div class="login-b"></div>
            <div class="login-c close">x</div>
        </div>
        <div class="login-btm">
            <div class="login-d"><input type="text" class="login-text" placeholder="注册时填写的邮箱"></div>
            <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="button" class="login-btn" placeholder="登录"></div>
            <div class="login-f">
                <a href="">忘记密码</a>
                <span>还没有焦点账号?><a href="javascript:;" class="reg-href">点击注册</a></span>
            </div>
        </div>
    </div>

    <div class="reg">
        <div class="login-title">
            <div class="login-a">注册</div>
            <div class="login-b"></div>
            <div class="login-c close">x</div>
        </div>
        <div class="login-btm">
            <div class="login-d"><input type="text" class="login-text" placeholder="邮箱/手机号"></div>
            <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="button" class="login-btn" placeholder="注册"></div>
            <div class="login-f">
                <a href="">忘记密码</a>
            </div>
        </div>
    </div>


    <script src="/js/jquery-1.11.1.min.js"></script>
    <script src="/js/Action.js"></script>
    <script>
        $(".skt-title span").click(function () {
            $(this).addClass("skt-cut").siblings().removeClass("skt-cut"),
                $(".skt-tab .skt-btm").hide().eq($(".skt-title span").index(this)).show()
        })
    </script>
</body>

</html>
<script>
    $("#goumai").click(function () {
        $.ajax({
            type: "post",//提交方式
            url: "ucomment",//提交的路径
            data: {//通过name属性给controller传值
                blogid: $("input[name='aid']").val(),
                userid: $("input[name='userid']").val(),
                content: $("input[name='content']").val(),
            },
            dataType: "json",//返回的格式
            success: function (data) {//date是controller传过来的值
                if (data.code != 0) {//code是controller里map的k，v对相应是0
                    window.alert(data.msg);//msg是controller里map的k，v是字符串
                } else {
                    window.alert(data.msg);//成功后跳转的主页面
                    window.location.reload();
                }
            }

        })
    })
    function adds (aa) {
        $(aa).after("<form action='/blog/user/backcomment'  id='from'>" + "<input type='hidden' value='" + $(aa).attr("data-a") + "'/><input type='text' value='' name='content' placeholder='回复'  onblur='bulrs(this)'><button type='button'>确认</button></form>")
    }
    function adds2 (aa) {
        $(aa).next().remove();
        $(aa).next().next().remove();
    }
    $(function () {
        $(".add").one("click", function () {
        })
    })
    function bulrs (aa) {
        $(aa).parent().remove()
    }

</script>